@import "./mixin";
@import "./button";
@import "./font";
@import "./normalize";

*{box-sizing: border-box;margin: 0;padding: 0;}
a, a:hover{text-decoration: none;}
select::-ms-expand { display: none; }
ul, li {list-style: none;}
.pull-left{float: left}; .pull-right{float:right;};
input { outline: none;}
input:focus { outline:none;}
.clearfix {
  &:before,
  &:after {
    content: " "; // 1
    display: table; // 2
  }
  &:after {
    clear: both;
  }
}

/*去除a标签下划线*/
a {
  text-decoration: none;
  color:#333333;
}
/*去除未被访问的a标签的下划线*/
a:link {
  text-decoration: none;
  color:#333333;
}
/*去除已经被访问过的a标签的下划线*/
a:visited {
  text-decoration: none;
  color:#333333;
}
/*去除鼠标悬停时的a标签的下划线*/
a:hover {
  text-decoration: none;
  color:#333333;
}
/*去除正在点击的a标签的下划线（鼠标按下，尚未松开）*/
a:active {
  text-decoration: none;
  color:#333333;
}
/*去除获得焦点的a标签的下划线（被鼠标点击过）*/
a:focus {
  text-decoration: none;
  color:#333333;
}

html{ width: 100%;min-height: 100%;position: relative}
body {font-family: "Microsoft YaHei";font-size: 14px;margin-bottom: 208px;background: #f9f9f9;color:#333333;}
.container { width: 1320px; margin: 0 auto;}

button {border:none; }

.imgBox {
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   background-color: $color-bg-img;
  display: block;
}

.ellText{
   width: 100%;
   @include ellipsis()
}

.icon-warn, .warning {
  color:#f24545;
}

.icon-scc {
  color:#4cbf00;
}

.text-center {
  text-align: center;
}

.textStyle {

}

//.textStyle:after {

//}

.textStyle {
  position: relative;
  border-bottom: 1px solid #e3e3e3;

  &:before {
      display: block;
      position: absolute;
      width: 32px;
      height: 23px;
      content: '';
      background-image: url("../img/p-head.png");
      left: -16px;
      bottom: -10.5px;
  }
}
